<template>
    <div class="login">
        <img @click="$router.go(-1)" class="back" src="@/assets/imgs/back.png" alt="">
        <div class="logo">
            <img src="../assets/imgs/loginlogo.png" alt="">
        </div>
        <div id="mobile">
            <input class="mobile" type="text" placeholder="手机号">
            <span>获取验证码</span>
        </div>
        <div id="mobileword">
            <input class="mobileword" type="text" placeholder="验证码">
            <span></span>
        </div>
        <div class="loginbutton">登 录</div>
        <p>收不到验证码</p>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
@import url(@/assets/Less/common.less);

.login {
    width: 100%;
    height: 100%;
    background-color: #fff;

    .back {
        width: 30px;
        height: 30px;
        .position(absolute, 10px, auto, 10px, auto)
    }

    .logo {
        margin: auto;
        margin-top: 80px;
        width: 60px;
        height: 60px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    #mobile {
        float: left;
        width: 100%;
        margin-top: 40px;
        padding: 20px;

        .mobile {
            width: 60%;
            font-size: 14px;
            border-bottom: 1px solid #ccc;
        }

        span {
            margin-left: 40px;
            font-size: 13px;
            color: @gray_text_color;
        }
    }

    #mobileword {
        float: left;
        width: 100%;
        padding: 20px;

        .mobileword {
            width: 60%;
            font-size: 14px;
            border-bottom: 1px solid #ccc;
        }

        span {
            margin-left: 40px;
            font-size: 13px;
            color: @gray_text_color;
        }
    }

    .loginbutton {
        margin: auto;
        margin-top: 200px;
        width: 90%;
        height: 40px;
        background-color: #ff5f16;
        text-align: center;
        line-height: 40px;
        color: #fff;
        border-radius: 6px;
    }

    p {
        float: right;
        margin-right: 25px;
        margin-top: 5px;
    }

    input {
        border: 0;
    }
}
</style>